<div class="bg-white dark:bg-gray-800 rounded-lg shadow-sm p-8 mt-12 mb-8">
    <h3 class="text-xl font-bold mb-8 text-gray-900 dark:text-white flex items-center">
        <svg class="w-5 h-5 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24">
            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 10V3L4 14h7v7l9-11h-7z"></path>
        </svg>
        相关推荐
    </h3>
    <div id="recommendations-container" class="mb-2">
        <!-- 推荐内容将通过 JS 动态加载 -->
    </div>
</div>

<script src="{{ url_for('article_recommender_static', filename='js/recommendations.js') }}"></script>